<!DOCTYPE html>
<html>
<head>
<title>万八千代理后台管理</title>
<meta charset="utf-8"/>
 <meta name="keywords" content="贷款，信用贷，分期，借款，万八千，信用借款，借款5000元，小额现金贷" />
  <meta name="description" content="万八千提供快速的小额借款服务。可以借款5000元、无抵押、无担保、万八千是一款针对成人白领市场的消费金融产品，通过互联网、大数据等科技手段，为用户提供短期的信用借贷，解决用户资金周转问题。"/>
<link href="css/style.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<script src="js/jqbase.js"></script>
</head>
<body style="background:#eaedf1;">
<style>
	.right-container {
		position: absolute;
		right: 0;
		width: calc(100% - 200px);
		transition: all .5s;
	}

	.showMenu .right-container {
		width: 100%;
	}
	.showMenu .leftBar{
		left: -200px;
		
	}
	.leftBar {
		left: 0;
		transition: all .5s;
	}
</style>

<div class="right-container">
	<header class="top_header clearfix">
				<div class="nav_btn fl"></div>
				<div class="out fr clearfix">
					<p class="fl">欢迎使用 万八千代理后台管理系统</p>
					<a href="" class="fl">退出登陆</a>
				</div>
	</header>
	<div class="backstage">
				<div class="b_title">
					<h1>系统后台</h1>
					<span>万八千后台管理</span>
				</div>
				<div class="login_time">您好，用户名! 您的角色是: 运营管理员  您的用户名: yonghu  最近一次登录IP: 127.0.0.1  最近一次登录时间: 2016-04-07 09:06:30。</div>
	</div>
	<!-- <div class="footer clearfix">
		<span class="fl">Copyright Company © 2016</span>
		<span class="fr">技术支持热线：1234567890   &nbsp&nbsp&nbsp  &nbsp QQ：123456789</span>
	</div> -->
</div>
	<nav class="leftBar">
			<div class="per_manage">
				<img src="img/my1@2x.png">
				<p>${memberAdmin.realName }，你好!</p>
			</div>
			<ul class="nav_ul">
				<li class="actived">
					<a href="javascript:;" class="per_cent">个人中心</a>
					<ul class="sun_ul">
						<li class="active"><a href="index.html">个人信息</a></li>
						<li class="active"><a href="#">修改密码</a></li>
						<li class="active"><a href="#">操作日志</a></li>
					</ul>
				</li>
				<li class="actived">
					<a href="javascript:;" class="per_cent">我的用户</a>
					<ul class="sun_ul">
						<li class="active"><a href="index.html">用户管理</a></li>
						<li class="active"><a href="#">借款状态</a></li>
					</ul>
				</li>
				<li class="actived">
					<a href="javascript:;" class="per_cent">还款管理</a>
					<ul class="sun_ul">
						<li class="active"><a href="index.html">还款列表</a></li>
						<li class="active"><a href="#">逾期用户</a></li>
						<li class="active"><a href="#">代理商奖罚</a></li>
					</ul>
				</li>
				<li class="actived">
					<a href="javascript:;" class="per_cent">推广管理</a>
					<ul class="sun_ul">
						<li class="active"><a href="index.html">奖励明细</a></li>
						<li class="active"><a href="#">提现明细</a></li>
					</ul>
				</li>
				<li class="actived">
					<a href="javascript:;" class="per_cent">数据中心</a>
					<ul class="sun_ul">
						<li class="active"><a href="index.html">黑名单库</a></li>
					</ul>
				</li>
			</ul>
	</nav>
<script src="js/Chart.js"></script>
<script>
//	显示左边的菜单
$('.nav_btn').bind('click touchend',function(event){
	event.preventDefault();
	var $body = $('body');

	if($body.hasClass('showMenu')) {
		$body.removeClass('showMenu');
	}else {
		$body.addClass('showMenu');
	}
})

//下拉
$(function(){
	$(".per_cent").click(function(){
		$(this).parent("li").toggleClass("show_arrow")
		$(this).next(".sun_ul").slideToggle();
	})
	$(".sun_ul>li").click(function(){
		$(this).toggleClass("show_arrow").siblings().removeClass("show_arrow")
		$(this).find(".sub_menu").slideToggle().parents().siblings().find(".sub_menu").slideUp();
	})
})

var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
		var lineChartData = {
			labels : ["January","February","March","April","May","June","July"],
			datasets : [
				{
					label: "My First dataset",
					fillColor : "rgba(220,220,220,0.2)",
					strokeColor : "rgba(220,220,220,1)",
					pointColor : "rgba(220,220,220,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(220,220,220,1)",
					data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
				},
				{
					label: "My Second dataset",
					fillColor : "rgba(151,187,205,0.2)",
					strokeColor : "rgba(151,187,205,1)",
					pointColor : "rgba(151,187,205,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(151,187,205,1)",
					data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
				}
			]

		}

window.onload = function(){
		var ctx = document.getElementById("canvas").getContext("2d");
		window.myLine = new Chart(ctx).Line(lineChartData, {
			responsive: true
		});
}

</script>
</body>
</html>